<style type="text/css">
	#chatAllList {
	    height: 430px;
	    overflow: scroll;
	}
	#head_avator {
		vertical-align: baseline;
	}
	.popover-body {
		cursor: pointer;
	}
</style>

{notempty name="Think.session.user_id"}
<div class="chatContainer">
    <div class="chatBtn bg-primary">
        <i class="iconfont icon-xiaoxi1"></i>
    </div>
    <div id="chat_num" class="chat-message-num">0</div>
    <div class="chatBox" ref="chatBox">
        <div class="chatBox-head bg-primary">
            <div class="chatBox-head-one">
                聊天框
                <div class="chat-close" >关闭</div>
            </div>
            <div class="chatBox-head-two">
                <div class="chat-return">返回</div>
                <div class="chat-people">
                    <div class="ChatInfoHead">
                        <img id="head_avator"  alt="头像"/>
                    </div>
                    <div id="head_fullname" class="ChatInfoName"></div>
                </div>
                <div class="chat-close">关闭</div>
            </div>
        </div>
        <div class="chatBox-info">
            <div id="chatList" class="chatBox-list" ref="chatBoxlist"></div>
            <div class="chatBox-kuang" ref="chatBoxkuang">
                <div class="chatBox-content">
                	<div class="chat-content"></div>
                </div>
                <div class="chatBox-send">
                    <div class="div-textarea" contenteditable="true"></div>
                    <!-- <img class="emoji-picker-image" src="/static/images/face/1.gif" alt="" /> -->
                    <div>
                        <button id="chat-biaoqing" class="btn-default-styles">
                            <i class="iconfont icon-biaoqing"></i>
                        </button>
                        <!-- <label id="chat-tuxiang" title="发送图片" for="inputImage" class="btn-default-styles">
                            <input type="file" onchange="selectImg(this)" accept="image/jpg,image/jpeg,image/png"
                                   name="file" id="inputImage" class="hidden">
                            <i class="iconfont icon-tuxiang"></i>
                        </label> -->
                        <button id="chat-send" class="btn-default-styles"><i class="iconfont icon-fasong"></i></button>
                    </div>
                    <div class="biaoqing-photo">
                        <ul></ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="chatAddBtn">
        	<button id="chatAdd" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-plus"></i></button>
        	<div id="chatAllList" class="dropdown-menu" aria-labelledby="chatAdd">
			    <h6 class="dropdown-header">选择用户</h6>
  			</div>
        </div>
    </div>
</div>
{/notempty}
